<!-- [nzDisabled]="emptyData()"  -->
<nz-collapse class="warning-collapse" [nzBordered]="false">
  <nz-collapse-panel [nzHeader]="headerTemp" [nzShowArrow]="false" [(nzActive)]="isActive">
    <ng-template #headerTemp>
      <strong>预警列表</strong>
      <i class="bulb-icon" [ngClass]="{ 'warning-icon': !emptyData() }" nz-icon type="bulb" theme="fill"></i>
      <i class="arrow-icon" nz-icon [type]="isActive? 'arrow-up' : 'arrow-down'" theme="outline"></i>
    </ng-template>

    <nz-tabset [nzSelectedIndex]="tabIndex">
      <nz-tab nzTitle="最新">
       <monitor-table [isFrontPagination]="true" [monitorPage]="newMonitorList" (updateData)="updateNewMonitorList($event)"></monitor-table>
      </nz-tab>
      <nz-tab nzTitle="历史" (nzSelect)="getHistoryList()">
        <monitor-table [monitorPage]="historyMonitorList" (updateData)="updateHistoryMonitorList($event)"></monitor-table>
      </nz-tab>
    </nz-tabset>
  </nz-collapse-panel>
</nz-collapse>
